<template>
	<!--这个按钮的文本就是自定义属性text-->
	<!--这个按钮的点击事件就是自定义属性handler这个函数-->
	<div class="button" v-text="text" @click="handler"></div>
</template>

<script type="text/ecmascript-6">
    export default {
       // props:['text',"handler"]
	    props:{//高级写法//自定义属性text和handler
	        text:String,
		    handler:Function
	    }
    };
</script>

<style lang="stylus" rel="stylesheet/stylus" scoped>
	*
		outline none
	.button
		display block
		text-align center
		margin 0.2rem auto 0.1rem
		width 85%
		padding 0.3rem 0
		background-color #ff6700
		border: 1px solid #d3d3d3
		border-radius 0.15rem
		color white
		font-size .35rem
</style>